<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搞钱联盟</title>
    <!-- jquery -->
    <script src="/utils/jquery2.2.3/jquery.min.js"></script>
    <!-- 引入bootstrap -->
    <link href="/utils/twitter-bootstrap-5.3.3/css/bootstrap.min.css" rel="stylesheet">
    <!-- 引入自定义CSS -->
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>

<!-- 顶部满宽横条 -->
<header class="header text-center py-3">
    <h1>搞钱联盟</h1>
</header>

<!-- 主体内容 -->
<div class="container-fluid h-100 d-flex flex-column">
    <div class="row flex-grow-1">
        <!-- 左侧导航栏 -->
        <div class="col-md-2 nav-bar d-flex flex-column justify-content-between">
            <ul class="flex-grow-1">
                <li class="inactive-item"><a href="/page/chuanMei.html" target="content-frame">传美</a></li>
                <li class="inactive-item"><a href="/page/costCalculation.html" target="content-frame">成本计算器</a></li>
                <li class="inactive-item"><a href="/page/yangBG.html" target="content-frame">洋包裹（等待测试）</a></li>
            </ul>
        </div>

        <!-- 右侧内容区 -->
        <div class="col-md-10 content d-flex align-items-stretch">
            <iframe name="content-frame" src="/page/chuanMei.html" style="width: 100%; height: 100%; border: none;"></iframe>
        </div>
    </div>
</div>

<!-- 引入自定义JS -->
<script src="/js/index.js"></script>
</body>
</html>